<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./dist/css/03 混合mixin.css"> -->
    <!-- <link rel="stylesheet" href="./dist/css/05 模式匹配.css">
  <link rel="stylesheet" href="./dist/css/06 颜色函数.css"> -->
    <!-- <link rel="stylesheet" href="./dist/css/07 运算符.css"> -->
    <link rel="stylesheet" href="./dist/css/08 嵌套.css">
    <style>
      /*     div{
      width: 0;
      height: 0;
      border: solid 15px transparent;
      border-left-color: black;
    } */
    </style>
  </head>
  <body>
    <div class="bg"></div>
    <div class="triangle"></div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <header>
      <div class="logo">
        <img src="https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics4.baidu.com%2Ffeed%2F7a899e510fb30f244c7551452919a14eac4b0326.jpeg%40f_auto%3Ftoken%3D4a295bec15caeddf2291cea05d4bb593&refer=http%3A%2F%2Fwww.baidu.com&app=2021&size=f360,240&n=0&g=0n&q=75&fmt=auto?sec=1706029200&t=4f59c50dce601ba4d419f8da425226d2" alt="" /></div>
      <ul class="menu">
        <li>菜单1</li>
        <li>菜单2</li>
        <li>菜单3</li>
        <li>菜单4</li>
        <li>菜单5</li>
        <li>菜单6</li>
      </ul>
    </header>
  </body>
</html>
